﻿body {
    background-color: #1abc9c;
    height:100%;
    width:100%
}
.login {
  width:680px;height:370px;
  top:50%;
  left:50%;
  margin-left:-340px;
  margin-top:-185px;
      position:absolute;
      
  }
.login-screen {
  padding: 0 0 33px 180px;

  }
.login-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
  color:#fff
  }
.login-icon > img {
  display: block;
  margin-bottom: 6px;
  vertical-align:middle
  }
.login-icon > h4 {
  font-size:24px;
 Letter-spacing :11px;
 font-weight:normal;
  margin-top:10px
  }
.login-icon > h4 small {
  display: block;
  font-size: 18px;
  color: inherit;
  letter-spacing:normal;
  margin-top:5px
  }
.login-form {
  position: relative;
  padding: 50px;
  background-color: #edeff1;
  border-radius: 6px;
  }
.login-form .login-field {
  text-indent:10px;
  border-color: transparent;
  }
.login-field:focus {
  border-color: #1abc9c;
  }
.iconman,.iconlock {
  position: absolute;
  top: 12px;
  right: 5px;
          width:34px;
  height:34px;

  }
.login-form::before {
    content: "";
    border-style: solid;
    border-width: 15px 15px 15px 0px;
    border-color: transparent #ECEFF1 transparent transparent;
    height: 0px;
    position: absolute;
    left: -15px;
    top: 50px;
    width: 0px;
}

.iconman {
  background:url(/Content/img/login_ico.png) no-repeat;
  background-position:-40px 0;
  }


.iconlock {

  background:url(/Content/img/login_ico.png) no-repeat;
  background-position:-40px -40px;

  }
 .login-field:focus +  .iconman {
  background-position:0 0;

  }
 .login-field:focus +  .iconlock{ 
  background-position:0 -40px;
  }
.login-form .btn-block {
padding:15px 0px;
  display:block;width:100%;
font-size:20px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
  box-sizing:border-box
}
.check_icon,.checked_icon{background:url(/Content/img/login_ico.png) no-repeat;
 width:20px;
  height:21px;}
.check_icon{ background-position:right -89px; }
.checked_icon {
     background-position: 0 -89px; 
}
.ocp{opacity:0;margin-left:-20px;margin-right:15px; filter:alpha(opacity=0);}
label:focus{outline:none}
